 var con_main = $('.nav-content'),
     reqtype = $('#reqtype').val();
     
 $.ajax({
        url: `ajax/usercenter_page.php?type=${reqtype}`,
        type: 'GET',
        dataType: 'html'
    })
    .done(function(data) {
        con_main.html(data);
});
con_main.click(function(e) {
    let lv_tip = $('#lv-tip');
    if($(e.target).prop('id') == 'lv'){
        lv_tip.show();
        let x = $('#x');
        x.click(function() {
             lv_tip.hide()
        });
    }
});
 //弹出框水平垂直居中
 (window.onresize = function () {
    var win_height = $(window).height();
    var win_width = $(window).width();
    if (win_width <= 768){
        $(".tailoring-content").css({
            "top": 60,
            "left": 0
        });
    }else{
        $(".tailoring-content").css({
            "top": 60,
            "left": (win_width - $(".tailoring-content").outerWidth())/2
        });
    }
})();

//弹出图片裁剪框
$("#udImage").on("click",function () {
    $(".tailoring-container").toggle();
});
//图像上传
function selectImg(file) {
    if (!file.files || !file.files[0]){
        return;
    }
    var reader = new FileReader();
    reader.onload = function (evt) {
        var replaceSrc = evt.target.result;
        //更换cropper的图片
        $('#tailoringImg').cropper('replace', replaceSrc,false);//默认false，适应高度，不失真
    }
    $('#tailoringImg').data('type', file.files[0]['type']);
    reader.readAsDataURL(file.files[0]);
}
let crop_obj = {};
//cropper图片裁剪
$('#tailoringImg').cropper({
    aspectRatio: 1/1,//默认比例
    preview: '.previewImg',//预览视图
    guides: true,  //裁剪框的虚线(九宫格)
    autoCropArea: 0.5,  //0-1之间的数值，定义自动剪裁区域的大小，默认0.8
    movable: false, //是否允许移动图片
    dragCrop: true,  //是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域
    movable: true,  //是否允许移动剪裁框
    resizable: true,  //是否允许改变裁剪框的大小
    zoomable: false,  //是否允许缩放图片大小
    mouseWheelZoom: false,  //是否允许通过鼠标滚轮来缩放图片
    touchDragZoom: false,  //是否允许通过触摸移动来缩放图片
    rotatable: false,  //是否允许旋转图片
    crop: function(e) {
        // 输出结果数据裁剪图像。
    }
});
//裁剪后的处理
$("#sureCut").on("click",function () {
    if ($("#tailoringImg").attr("src") == null ){
        return false;
    }else{
        var cas = $('#tailoringImg').cropper('getCroppedCanvas',{width:90,height:90});//获取被裁剪后的canvas
        var base64url = cas.toDataURL($('#tailoringImg').data('type')); //转换为base64地址形式
        $.ajax({
            url: 'ajax/upload.php',
            type: 'POST',
            data: {type: 1,files: base64url},
        })
        .done(function() {
            window.location.reload();
        });
        //关闭裁剪框
        closeTailor();
    }
});
//关闭裁剪框
function closeTailor() {
    $(".tailoring-container").toggle();
}
// ---------------------------

//  标签页
let nav_tabs = $('#nav-tab-bar > li'),currIndex;
for(let i=0;i<nav_tabs.length;i++){
    if($(nav_tabs[i]).hasClass('nav-tab-active')){
        currIndex = i;
        break;
    }
}
nav_tabs.click(function(){
    let con_main = $('.nav-content');
    let i = $(this).index();
    if(currIndex === i){
        return
    }
    $(nav_tabs[currIndex]).removeClass('nav-tab-active');
    $(this).addClass('nav-tab-active');
    $.ajax({
        url: 'ajax/usercenter_page.php?type='+$(this).prop('id'),
        type: 'GET',
        dataType: 'html'
    })
    .done(function(data) {
        con_main.html(data);
    });
    currIndex = i;
});
$('.nav-content').click(function(e){
    let match = null;
    if($(e.target).prop('href')){
        match = $(e.target).prop('href').match(/^javascript:(\d+);$/);
    }
    if(!match){
        return
    }
    if(confirm('你确定要删除吗？')){
        $.ajax({
            url: 'ajax/remove.php',
            type: 'POST',
            dataType: 'json',
            data: {cid: match[1]},
        })
        .done(function(data) {
            if(data.removed){
                $(e.target).parents('.list-item').hide()
                $('#hover-tip').fadeIn();
                setTimeout(function(){
                    $('#hover-tip').fadeOut();
                },1000);
               
            }
        });
    }
});
